{extend name="public:layout" /}
{block name="title"}会员中心{/block}
{block name="head"}
<link rel="stylesheet" href="../static/css/user.css">
<style>
    .zhiding{position:fixed;top:0;}
</style>
{/block}
{block name="body"}
{include file="public_header"/}
<div class="userbox">
    <div class="left" id="left-nav">
        <div class="mu-userinfo-box">
            <div class="headimg">
                <div class="corner">
                    <span class="iconfont icon-renzheng"></span>
                </div>
                <div class="mask"></div>
                <img src="" alt="">
            </div>
            <div class="username">
                <h2 class="tit">影子里的人</h2>
                <p class="desc">
                    手机 130****5151
                </p>
            </div>
            <div class="logininfo">
                <div class="row">上次登录时间：<b>2017/09/16 08:35</b></div>
                <div class="row">上次登录IP：<b>127.0.0.1</b></div>
            </div>
            <div class="action">
                <a href="javascript:;" class="link">修改密码</a>
                <a href="javascript:;" class="link">退出登录</a>
            </div>
        </div>
        <div class="mu-leftmenu">
            <ul class="mu-menu-tab">
                <li class="item">
                    <a href="#con1" id="con1" class="trigger">
                        个人资料
                        <b class="arrow-box"><i class="arrow1"></i><i class="arrow2"></i></b>
                    </a>
                    <div class="con">
                        <a href="javascript:;" class="link">会员信息</a>
                        <a href="javascript:;" class="link">账户安全</a>
                        <a href="javascript:;" class="link">收货地址</a>
                    </div>
                </li>
                <li class="item">
                    <a href="#con2" id="con2" class="trigger">
                        订单中心
                        <b class="arrow-box"><i class="arrow1"></i><i class="arrow2"></i></b>
                    </a>
                    <div class="con">
                        <a href="javascript:;" class="link">我的订单</a>
                        <a href="javascript:;" class="link">集采订单</a>
                        <a href="javascript:;" class="link">竞拍订单</a>
                    </div>
                </li>
                <li class="item">
                    <a href="#con3" id="con3" class="trigger">
                        我的收藏
                        <b class="arrow-box"><i class="arrow1"></i><i class="arrow2"></i></b>
                    </a>
                    <div class="con">
                        <a href="javascript:;" class="link">商品收藏</a>
                        <a href="javascript:;" class="link">店铺收藏</a>
                        <a href="javascript:;" class="link">我的足迹</a>
                        <a href="javascript:;" class="link">商品收藏</a>
                        <a href="javascript:;" class="link">店铺收藏</a>
                        <a href="javascript:;" class="link">我的足迹</a>
                    </div>
                </li>
                <li class="item">
                    <a href="#con4" id="con4" class="trigger">
                        我的资产
                        <b class="arrow-box"><i class="arrow1"></i><i class="arrow2"></i></b>
                    </a>
                    <div class="con">
                        <a href="javascript:;" class="link active">账户明细</a>
                        <a href="javascript:;" class="link">优惠卡券</a>
                        <a href="javascript:;" class="link">发票管理</a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="right">
        <div class="mu-usermain-box">
            [[[include file="{$file}" /]]]
        </div>
    </div>
</div>
{/block}
{block name="script"}
<script>
    $(document).ready(function(){
        var bodyheight=$(document.body).outerHeight(true);//页面高度
        var height=$('#left-nav').offset().top;
        var h1=$('#left-nav').height();
        var h2=$('#foot').height();
        var chufaheight=bodyheight-h1-22-h2;//触发高度
        $(window).scroll(function () {
            var pos = $(window).scrollTop();
            if (pos > height) {
                $('#left-nav').addClass('zhiding');
            }else{
                $('#left-nav').removeClass('zhiding');
            }
        });
    });
</script>

{/block}